define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template', 'echarts', 'echarts-theme'], function ($, undefined, Backend, Table, Form, Template, Echarts) {

    var Controller = {
        index: function () {
            console.log(Echarts.version);
            //这句话在多选项卡统计表时必须存在，否则会导致影响的图表宽度不正确
            $(document).on("click", ".charts-custom a[data-toggle=\"tab\"]", function () {
                var that = this;
                setTimeout(function () {
                    var id = $(that).attr("href");
                    var chart = Echarts.getInstanceByDom($(id)[0]);
                    chart.resize();
                }, 0);
            });

            function getecharts(time,data) {
                // 基于准备好的dom，初始化echarts实例
                var lineChart = Echarts.init(document.getElementById('line-chart'), 'walden');

                // 指定图表的配置项和数据
                var option = {
                    xAxis: {
                        type: 'category',
                        data:time
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [{
                        data: data,
                        type: 'line',
                        itemStyle : { normal: {label : {show: true}}}
                    }]
                };

                // 使用刚指定的配置项和数据显示图表。
                lineChart.setOption(option);
            }


            var data = [49, 92, 61, 134, 90, 130, 120]
            var time = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
            var url = Config.this_url+'/count/echarts/report'
            $.post(url,{},function (res) {
                if(res.code == 1){
                    // console.log(data)
                    // console.log(res.data.datas)
                    // getecharts(time,res.data.datas)
                    getecharts(res.data.times,res.data.datas)
                }else{
                    layer.msg('异常错误')
                }
            })
            $('.day').click(function () {
                $.post(url,{type:1},function (res) {
                    if(res.code == 1){
                        // console.log(data)
                        // console.log(res.data.datas)
                        // getecharts(time,res.data.datas)
                        getecharts(res.data.times,res.data.datas)
                    }else{
                        layer.msg('异常错误')
                    }
                })
            })
            $('.week').click(function () {
                $.post(url,{type:2},function (res) {
                    if(res.code == 1){
                        // console.log(data)
                        // console.log(res.data.datas)
                        // getecharts(time,res.data.datas)
                        getecharts(res.data.times,res.data.datas)
                    }else{
                        layer.msg('异常错误')
                    }
                })
            })
            $('.month').click(function () {
                $.post(url,{type:3},function (res) {
                    if(res.code == 1){
                        // console.log(data)
                        // console.log(res.data.datas)
                        // getecharts(time,res.data.datas)
                        getecharts(res.data.times,res.data.datas)
                    }else{
                        layer.msg('异常错误')
                    }
                })
            })


        },
        reports: function () {
            console.log(Echarts.version);
            //这句话在多选项卡统计表时必须存在，否则会导致影响的图表宽度不正确
            $(document).on("click", ".charts-custom a[data-toggle=\"tab\"]", function () {
                var that = this;
                setTimeout(function () {
                    var id = $(that).attr("href");
                    var chart = Echarts.getInstanceByDom($(id)[0]);
                    chart.resize();
                }, 0);
            });

            function getecharts(time,data) {
                // 基于准备好的dom，初始化echarts实例
                var lineChart = Echarts.init(document.getElementById('line-chart'), 'walden');

                // 指定图表的配置项和数据
                var option = {
                    xAxis: {
                        type: 'category',
                        data:time
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [{
                        data: data,
                        type: 'line',
                        itemStyle : { normal: {label : {show: true}}}
                    }]
                };

                // 使用刚指定的配置项和数据显示图表。
                lineChart.setOption(option);
            }


            var data = [49, 92, 61, 134, 90, 130, 120]
            var time = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
            var url = Config.this_url+'/count/echarts/reports'
            var uid = 0;
            $('#users').change(function () {
                uid = $(this).val()
                $.post(url,{uid:uid},function (res) {
                    if(res.code == 1){
                        // getecharts(time,res.data.datas)
                        getecharts(res.data.times,res.data.datas)
                    }else{
                        layer.msg('异常错误')
                    }
                })
            })

            $('.day').click(function () {
                $.post(url,{type:1,uid:uid},function (res) {
                    if(res.code == 1){
                        // getecharts(time,res.data.datas)
                        getecharts(res.data.times,res.data.datas)
                    }else{
                        layer.msg('异常错误')
                    }
                })
            })
            $('.week').click(function () {
                $.post(url,{type:2,uid:uid},function (res) {
                    if(res.code == 1){
                        // console.log(data)
                        // console.log(res.data.datas)
                        // getecharts(time,res.data.datas)
                        getecharts(res.data.times,res.data.datas)
                    }else{
                        layer.msg('异常错误')
                    }
                })
            })
            $('.month').click(function () {
                $.post(url,{type:3,uid:uid},function (res) {
                    if(res.code == 1){
                        // console.log(data)
                        // console.log(res.data.datas)
                        // getecharts(time,res.data.datas)
                        getecharts(res.data.times,res.data.datas)
                    }else{
                        layer.msg('异常错误')
                    }
                })
            })


        },
    };
    return Controller;
});